<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>首页实战</title>
	<link rel="stylesheet" type="text/css" href="../css/index.css">
</head>
<body>
<!--顶部图片-->
<div id="top">
	<a href="# "><img src="../img/top_pic.png" alt=""></a>

</div>
<!--顶部图片结束-->
<!--顶部灰色区域-->
<div id="nav">
	<div class="contain">
		<!--左侧-->
		<div class="left">
			<span class="hi">你好,欢迎光临凡客诚品!</span>
			<span class="login_reg">[<a href="#">登录</a> <a href="#">免费注册</a>]</span>
			<a href="#" class="link">我的订单</a>
			 <a href="#"class="link">收藏本站</a>

		</div>
		<!--左侧结束-->
		<!--右侧-->
		<div class="right">
			<ul>
				<li>我的凡客</li>
				<li>网站导航</li>
				<li>帮助中心</li>
				<li>网站公告</li>

			</ul>


		</div>
<!--右侧结束-->
	</div>

</div>

<!--顶部灰色区域结束-->

</body>
</html>